<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">
	<!--引入Jquery主文件-->
	<script type="text/javascript" src="../../easyui/jquery.min.js"></script>
	<!--引入JqueryEasyUI主文件-->
	<script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
	<!--让easyUI支持中文-->
	<script type="text/javascript" src="../../easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript">
		var url;
		
		
		/* 添加记录的函数 */
    	function add(){
		  	 $("#dlgadd").dialog({closed:false,title:"添加班级信息"});
		  	 //为新创建的班添加班主任老师
		  	var _option;
			_option="<option value='-1'>--请选择班主任--</option>";
			$.getJSON("${pageContext.request.contextPath}/pages/teacher/queryMethod.do",null,function(data){
				$(data).each(function(i){
	       			_option+="<option value='"+data[i].id+"'>"+data[i].name+"</option>";
	       			$("#master").html(_option);
	       		});
			});	
			
			//为添加的新班选择教
			_option_cr="<option value='-1'>--请选择教室--</option>";
			$.getJSON("${pageContext.request.contextPath}/pages/classroom/queryMethod.do",null,function(data){
				$(data).each(function(i){
	       			_option_cr+="<option value='"+data[i].id+"'>"+data[i].name+"</option>";
	       			$("#classroomName").html(_option_cr);
	       		});
			});	
			//设置新班的保存路径
			url="${pageContext.request.contextPath}/pages/classinfo/add.do";
	  	}

		//编辑记录
  	  	function edit(){
	  	 	var selected = $("#datagrid").datagrid("getSelections");
	  		 //若未选择要修改的记录，给出提示
	 	  	 if(selected.length == 0){
	 	  		$.messager.alert("消息提示", "请选择要编辑记录！", "error");
	 	  	 }else if(selected.length > 1){
	 	  		$.messager.alert("消息提示", "每次只能修改一条记录！", "error");
	 	  	 }else{
	 	  		 var row=$("#datagrid").datagrid("getSelected");
	 	 		 if(row){
	 	 			var id = row.classId;
	 		 		  $("#dlgedit").dialog({closed:false,title:"编辑班级信息"});
	 		 		  //修改班主任老师
	 				  	var _option;
	 					_option="<option value='-1'>--请选择班主任--</option>";
	 					//在多个ajax同时执行时确保是同步执行，避免因为执行不同步导致的显示异常
	 					$.ajaxSettings.async = false;
	 					$.getJSON("${pageContext.request.contextPath}/pages/teacher/queryMethod.do",null,function(data){
	 						$(data).each(function(i){
	 			       			_option+="<option value='"+data[i].id+"'>"+data[i].name+"</option>";
	 			       			$("#c_master").html(_option);
	 			       		});
	 					});	
	 					
	 					//添加教室列表
	 					_option_cr="<option value='-1'>--请选择教室--</option>";
	 					$.getJSON("${pageContext.request.contextPath}/pages/classroom/queryMethod.do",null,function(data){
	 						$(data).each(function(i){
	 			       			_option_cr+="<option value='"+data[i].id+"'>"+data[i].name+"</option>";
	 			       			$("#c_classroomName").html(_option_cr);
	 			       		});
	 					});	
	 					$.getJSON("${pageContext.request.contextPath}/pages/classinfo/queryOne.do?id="+id,null,function(data){
	 						$("#classId").val(id); 
	 						$("#c_name").val(data.name); 
	 			 			$("#c_master").val(data.master); 
	 			 			$("#c_classroomName").val(data.classroomName); 
	 			 			$("#c_startDate").datebox('setValue', data.startDate);
	 			 			$("#c_endDate").datebox('setValue', data.endDate);
	 				     });  
	 		 		 url="${pageContext.request.contextPath}/pages/classinfo/update.do";
	 		 		
	 	 		 } 
	 	 	} 		
 	   }
		
 	  	function saveAdd(){
		  	$('#fmadd').form('submit', {  		
		  		url:url,   
			    onSubmit: function(){  
				  //表单验证
				    if($("#name").val() == null || $("#name").val() == ""){
			    		alert("请输入班级名称！");
			    		return false;
			    	}else if ($("#master").val() == -1){
			    		alert("请选择班主任老师！");
			    		return false;
			    	}else if($("#classroomName").val() == -1){
			    		alert("请为该班选择班教室！");
			    		return false;
			    	}else if($("#startDate").text == null || $("#startDate").text == ""){
			    		alert("请选择开学日期！");
			    		return false;
			    	}else if($("#endDate").text == null || $("#endDate").text == ""){
			    		alert("请选择毕业日期！");
			    		return false;
			    	}
			    	else {
			    		return true;
			    	}
			    }, 
			    success:function(data){    
			       var data=eval("("+data+")");
				   if(data.res){	
				   	  $('#dlgadd').dialog({closed:true});
					  $("#datagrid").datagrid("reload");
				   }else{
					   alert("保存失败！");
				   }  
			    }    
			}); 
		  } 
	  	function saveEdit(){
	  		$('#fmedit').form('submit', {  	
		  		url:url,   
			    onSubmit: function(){  
				  //表单验证
				    if($("#c_name").val() == null || $("#c_name").val() == ""){
			    		alert("请输入班级名称！");
			    		return false;
			    	}else if ($("#master").val() == -1){
			    		alert("请选择班主任老师！");
			    		return false;
			    	}else if($("#classroomName").val() == -1){
			    		alert("请为该班选择班教室！");
			    		return false;
			    	}else if($("#startDate").text == null || $("#startDate").text == ""){
			    		alert("请选择开学日期！");
			    		return false;
			    	}else if($("#endDate").text == null || $("#endDate").text == ""){
			    		alert("请选择毕业日期！");
			    		return false;
			    	}
			    	else {
			    		return true;
			    	}
			    }, 
			    success:function(data){    
			       var data=eval("("+data+")");
				   if(data.res){	
				   	  $('#dlgedit').dialog({closed:true});
					  $("#datagrid").datagrid("reload");
				   }else{
					   alert("保存失败！");
				   }  
			    }    
			}); 
		} 
	  	
	  //删除用户信息
		function del() {
			var rows = $("#datagrid").datagrid("getChecked");
			var ids = [];
			if (rows.length > 0) {
				$.messager.confirm("请确认", "您要删除当前所选记录？", function(r) {
					if(r){
						for (var i = 0; i < rows.length; i++) {
							ids.push(rows[i].classId);
						}
						
						$.ajax({
							url : "${pageContext.request.contextPath}/pages/classinfo/delete.do",
							data : {
								ids : ids.join(",")
							},
							
							success : function(d) {
								if (d) {
									$("#datagrid").datagrid("load");
									$("#datagrid").datagrid("unselectAll");
								} else {
									$.messager.alert("消息提示", "删除信息失败！", "error");
								}
							}
						});
					}
				});

			} else {
				$.messager.alert("消息提示", "请勾选需要删除的记录！", "error");
			}

		}
	  
	  /*查询根据输入的课程名称来进行查询*/
	  function query(){
		  //获取输入的查询条件
	  	var para = $("#class_name").val();
	  	var page = $('#datagrid').datagrid('getPager').data("pagination").options.pageNumber; 
	  	var rows = $('#datagrid').datagrid('getPager').data("pagination").options.pageSize;
			//利用ajax,来获取后台查询数据
			$.post("${pageContext.request.contextPath}/pages/classinfo/query.do","page="+page+"&rows="+rows+"&column=class_name&keyWord="+para,function(data){
			//msg可以是AJAX返回的数据也可以自定义的JSON格式的字符串
			$('#datagrid').datagrid('loadData', JSON.parse(data));
		},"text");
	  }
	  
	  //取消选中的记录
	  function unselect() {
		$("#datagrid").datagrid("clearSelections");
		$("#datagrid").datagrid("unselectAll");
	  }
	  
	</script>


  </head>
 <body>
   <div data-options="region:'north',border:false,title:'查询条件'" style="height: 5%;overflow: hidden;" align="left">
		<form  action="">
			<table class="tableForm datagrid-toolbar"  style="width: 100%;height: 50%">
				<tr>
					<td>班级查询
					<input name="class_name" id="class_name" type="text" style="width: 200px;"/>
					<a href="javascript:void(0)" onclick="query()"  class="easyui-linkbutton">查询</a>
					</td>
				
				</tr>
			</table>
		</form>
	</div> 
	
 <div style="width:100%;height:95%;">
		<table class="easyui-datagrid" id="datagrid"
	            data-options="singleSelect:false,
					            fit:true, 
					            fitColumns:true,
					            pagination:true,
					            collapsible:true,
					            pagePosition : 'bottom',
								pageList : [ 5,10,15,20 ],
								pageSize : 5,
								checkOnSelect : true,
								selectOnCheck : true,
								toolbar:'#tb',
					            url:'${pageContext.request.contextPath}/pages/classinfo/query.do',method:'post'">
	        <thead>
	            <tr>
	                <th data-options="field:'id',width:100,align:'center',checkbox:true">id</th>
	                <th data-options="field:'name',width:80,align:'center'">班级名称</th>
	                <th data-options="field:'master',width:80,align:'center'">班主任</th>
	                <th data-options="field:'classroomName',width:80,align:'center'">教室名称</th>
	                <th data-options="field:'startDate',width:80,align:'center'">开学日期</th>
	                <th data-options="field:'endDate',width:80,align:'center'">毕业日期</th>
	            </tr>
	        </thead>
	    </table>  
	  </div> 
    <!--  对记录进行增删改查的操作的按钮 -->
	    <div id="tb">
		   	 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="add()"> 新建</a>
			 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" onclick="edit()"> 编辑</a>
			 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="del()"> 删除</a>
			 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-undo'" onclick="unselect()"> 取消选中</a>
	   	</div>
	   	
	    <!-- 增加记录的表单 -->
	   	<div id="dlgadd" class="easyui-dialog" style="width:300px;height:350px;background:#ccc" data-options="buttons:'#btnsadd',closed:true">
	   	   <form id="fmadd" method="post">
	   	   	 <br/>
				   班级名称:<input type="text" name="name" id="name" class="easyui-validatebox" data-options="required:true"/><br/><br/>
				    班 主 任:<select id="master" style='width:173px' name='master' class="easyui-validatebox" data-options="required:true">
					   </select><br/><br/>
				    教室名称:<select id="classroomName" style='width:173px' name='classroomName' class="easyui-validatebox" data-options="required:true">
					     </select><br/><br/>
				   开学日期:<input type="text"  class='easyui-datebox' editable='false' name="startDate" id = 'startDate' class="easyui-validatebox" data-options="required:true"/><br/><br/>
				    毕业日期:<input type="text" class='easyui-datebox' editable='false' name="endDate" id = 'endDate' class="easyui-validatebox" data-options="required:true"/> 
			</form>
   		</div>
   			   <!-- 	对记录进行修改的表单 -->
	   	<div id="dlgedit" class="easyui-dialog" style="width:300px;height:350px;background:#ccc" data-options="buttons:'#btnsedit',closed:true">
	   	   <form id="fmedit" method="post">
	   	   	 <br/>
		   	   	  <input type="text" name="classId" id="classId" hidden='true'/><br/>
				      班级名称:<input type="text" name="name" id="c_name"/><br/><br/>
				     班 主 任:<select style='width:173px' name="master" id="c_master" data-options="required:true">
					   </select><br/><br/>
				    教室名称:<select style='width:173px' name="classroomName" id="c_classroomName" data-options="required:true">
					     </select><br/><br/>
				    开学日期:<input type="text" class='easyui-datebox' editable='false' name="startDate" id = "c_startDate"/><br/><br/>
				    毕业日期:<input type="text" class='easyui-datebox' editable='false' name="endDate" id = "c_endDate"/><br/><br/> 
	   	   </form>
   		</div>
   		<!-- 定义添加表单上的按钮 -->
   		<div id="btnsadd">
		   	 <a href="#" class="easyui-linkbutton" onclick="saveAdd()">保存</a>
			 <a href="#" class="easyui-linkbutton" onclick="javascript:$('#dlgadd').dialog({closed:true})">取消</a>
	   </div>
	   
	   <!-- 定义修改表单上的按钮 -->
   		<div id="btnsedit">
		   	 <a href="#" class="easyui-linkbutton" onclick="saveEdit()">保存</a>
			 <a href="#" class="easyui-linkbutton" onclick="javascript:$('#dlgedit').dialog({closed:true})">取消</a>
	    </div>
	<div id="dd" ></div>
</body>  
</html>